 /* 
    Document   : main
    Created on : 2011-07-29, 22:28:26
    Author     : pawel
    Description:
        Purpose of the stylesheet follows.
*/

* {
  margin: 0px;
  padding: 0px;
  color: #F1F1F1;
  font-family: sans-serif;
}

a, a:hover, a:visited{
  text-decoration: none;
}

body{
  background-color: #000306;
  overflow-y: scroll;
  counter-reset: lp;
}

form{
  display: inline;
}

input, select{
  border: 1px solid #303030;
  background-color: #090909;
  padding: 3px;
  font-size: 12px;
}
input[type=button]:hover, input[type=submit]:hover{
  border: 1px solid #3399FF;
  background-color: #090909;
}

option{
  margin: 2px;
}

input:focus, select:focus{
  border: 1px solid #3399FF;
  background-color: #090909;
}

/* TOOLS */
.ajaxLoader{
  margin: 0 auto;
  z-index: 10;
  position: relative;
  height: 35px;
  width: 35px;
}

#inline_table{
  display: inline-table;
}

p#counter:before{
  content: counter(lp) ". ";
  counter-increment: lp;
}

#fake{
  display: none;
}

a.middle:hover, a.active:hover{
  display: inline;
  cursor: pointer;
  border-bottom: 1px dashed #3399FF;
}

.middle{
  vertical-align: middle;
}

.floatLeft{
  float: left;
}

.floatRight{
  float: right;
}

.clearLeft{
  clear: left;
}

.clearRight{
  clear: right;
}

.clearBoth{
  clear: both;
}

.underline{
  text-decoration: underline;
}

.cursorPointer{
  cursor: pointer;
}

/* STATUS */
#status_0, #status_1{
  color: #FFFF00;
}

#status_2{
  color: #3399FF;
}

#status_3{
  color: limegreen;
  font-weight: bold;
}

#status_10{
  color: gray;
}

#status_11{
  color: red;
  font-weight: bold;
}

/* REGULAR */
.cPage{
  margin: 0px auto;
  padding: 5px;
}

.cHeader{
  margin: 0px auto;
  width: auto;
  height: 130px;
}

.cRibbon{
  width: 100%;
  height: 100%;
  display: inline-block;
}


.cInfo{
  width: 270px;
  height: 116px;
  position: absolute;
  padding: 2px;
  bottom: 0px;
  right: -1px;
  display: inline-block;
  float: left;
  background-color: #161616;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border: 1px solid #404040;
  border-bottom: 0px;
}

.cInfo > h1{
  margin-bottom: 10px;
  margin-top: 1px;
  width: 98%;
  display: inline-block;
  padding: 2px;
  font-size: 13px;
  border-bottom: 1px solid #3399FF;
  color: #808080;
}

.cInfo > p{
  width: 100px;
  display: inline-block;
  text-align: right;
  color: #808080;
}

.cInfo > span{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}

.cBody{
  margin: 0px auto;
  padding-top: 5px;
  overflow: auto;
}

.cBody > *{
  background-color: #080808;
  border: 1px solid #161616;
}

.cContent{
  margin: 0px auto;
  width: auto;
  padding: 15px 5px 15px 5px;
  height: auto;
  overflow: auto;
}

.cContent table, .cPage table{
  margin: 0px auto;
  border-color: #303030;
  vertical-align: top;
}

.cPage table[id=login]{
  margin: 0px auto;
  border-color: #303030;
  position: absolute;
  left: 35%;
  top: 50px;
}

.cContent table td, .cPage table td{
  padding: 6px 10px 6px 10px;
  border-top: 1px solid #303030;
  text-align: center;
  font-size: 11px;
}

.cContent table th, .cPage table th{
  text-decoration: none;
  border-bottom: 1px solid #FFFF00;
  border-top: 1px solid #303030;
  font-weight: normal;
  padding: 6px;
  background-color: #101010;
  font-size: 13px;
}

.cContent table td#key, .cPage table td#key{
  width: auto;
  text-align: right;
  padding-right: 10px;
  background-color: #101010;
}

.cContent table td#value, .cPage table td#value{
  border-left: 1px solid #FFFF00;
  padding-left: 10px;
  text-align: left;
}

.cContent table td#value input, .cPage table td#value input{
  padding: 5px;
}

.cContent table tr:hover > td, .cPage table tr:hover > td{
  background-color: #111111;
}

.cContent table tr:not([id]) td:last-of-type{
  background-color: #161616;
}

.cContent .cTree{
  display: inline-block;
  position: relative;
  font-size: 12px;
  min-width: 150px;
  padding: 2px;
  margin-right: 30px;
  float: left;
}

.cContent .cTree > ul, .cContent .cTree > ul *{
  padding: 1px 4px;
  list-style-position: inside;
}

.cContent .cTree > span, #submit_line{
  display: block;
  padding: 4px;
  margin-top: 10px;
  border-top: 1px solid #252525;
  text-align: right;
}

.cContent .cTree li a:hover{
  text-decoration: underline;
}

.cContent .cTree p#title{
  border-bottom: 1px solid #FFFF00;
  border-top: 1px solid #303030;
  font-weight: normal;
  padding: 7px;
  margin-bottom: 5px;
  background-color: #101010;
  font-size: 13px;
}

.cToolbox{
  width: 50px;
  height: 100%;
  float: right;
}

.cFooter{
  margin: 0px auto;
  margin-top: 5px;
  height: 20px;
  background-color: #080808;
  border: 1px solid #161616;
  border-top: 1px dashed #3399FF;
  font-size: 9px;
}

.cFooterContent{
  padding: 4px;
  width: 79%;
  display: inline-block;
  float: left;
  color: #252525;
}

.cLogo{
  width: 20%;
  display: inline-block;
  float: right;
}

.cPagination{
  border: 1px solid white;
}
